// 定义主函数 main，接受 count 参数
function main(type) {
    // 当页面加载完成后执行
    $(document).ready(function () {
        // 获取文章数据的函数
        function fetchPosts(type) {
            // 发送 AJAX 请求获取文章数据
            let url;
            if (type=="time") {
                url='http://localhost:8080/articles?time=down';
            }else if (type=="avatar") {
                url='http://localhost:8080/articles?avatar=id';
            }
            $.ajax({
                url: url, // 请求地址，使用 requestedCount
                type: 'GET', // 请求类型
                dataType: 'json', // 预期返回的数据类型
                success: function (data) { // 成功回调函数
                    // 加载文章到页面
                    console.log(data);
                    loadPosts(data);
                },
                error: function (xhr, status, error) { // 错误回调函数
                    // 打印错误信息到控制台
                    console.error('Failed to fetch data:', error);
                    // 弹出错误消息提示用户
                    alert('Failed to fetch data. Please try again later.');
                }
            });
        }
  
        // 动态加载文章到时间轴
        function loadPosts(posts) {
            var timeline = $('#timeline');
            timeline.empty(); // 清空时间轴
  
            // 遍历文章数据，创建文章元素并添加到时间轴
            posts.forEach(function (post) {
                var postElement = $('<div>').addClass('post')
                    .append($('<h2>').addClass('post-title').text(post.title))
                    .append($('<p>').addClass('post-intro').text(post.content.substring(0, 100)))
                    .append($('<div>').addClass('post-meta').text('发布于 ' + post.date));
  
                // 为文章元素添加点击事件处理程序
                postElement.click(function () {
                    // 构建文章页面链接并跳转
                    var articleUrl = './article.html?id=' + post.id;
                    window.location.href = articleUrl;
                });
  
                timeline.append(postElement);
            });
  
            // 美化文章列表
            $('.post').css({
                'background-color': '#f9f9f9',
                'border-radius': '8px',
                'box-shadow': '0 2px 4px rgba(0, 0, 0, 0.1)',
                'padding': '20px',
                'margin-bottom': '20px',
                'transition': 'transform 0.3s, opacity 0.3s'
                
            });
  
            $('.post-title').css({
                'font-size': '20px',
                'color': '#333'
            });
  
            $('.post-intro').css({
                'font-size': '16px',
                'color': '#666'
            });
  
            $('.post-meta').css({
                'font-size': '14px',
                'color': '#999'

            });
  
            // 添加悬停效果
            $('.post').hover(function () {
                $(this).css({
                    'transform': 'scale(1.05)',
                    'opacity': '0.9'
                });
            }, function () {
                $(this).css({
                    'transform': 'scale(1)',
                    'opacity': '1'
                });
            });
        }
  
        
        fetchPosts(type); 
        
        // 搜索文章的函数
        function searchPosts() {
          var keyword = $('#searchInput').val().trim();
          if (keyword !== '') {
              var filteredUrl = './article.html?keyword=' + encodeURIComponent(keyword);
              window.location.href = filteredUrl; // 重定向到搜索结果页面
          }
        }
  
        // 监听搜索按钮点击事件
        $('#searchBtn').click(function () {
            searchPosts(); // 执行搜索文章函数
        });
  
        // 监听搜索输入框的回车键
        $('#searchInput').keypress(function (event) {
            if (event.key === 'Enter') {
                searchPosts(); // 执行搜索文章函数
            }
        });
    });
  }
  
// 导出主函数 main
export { main };
  